<template>
	<view class="avatar-page">
		<view class="box">
			<avatar z-class="custom-avatar" name="泽鹏" sm></avatar>
			<avatar z-class="custom-avatar" name="泽鹏"></avatar>
			<avatar z-class="custom-avatar" name="泽鹏" lg></avatar>
			<avatar z-class="custom-avatar" name="泽鹏" llg></avatar>
		</view>
		<view class="box">
			<avatar z-class="custom-avatar" name="泽鹏" sm circle></avatar>
			<avatar z-class="custom-avatar" name="泽鹏" circle></avatar>
			<avatar z-class="custom-avatar" name="泽鹏" lg circle></avatar>
			<avatar z-class="custom-avatar" name="泽鹏" llg circle></avatar>
		</view>
		<view class="box">
			<avatar z-class="custom-avatar" src="/static/temp/shuipi@2x.png" sm circle></avatar>
			<avatar z-class="custom-avatar" src="/static/temp/shuipi@2x.png" circle></avatar>
			<avatar z-class="custom-avatar" src="/static/temp/shuipi@2x.png" lg circle></avatar>
			<avatar z-class="custom-avatar" src="/static/temp/shuipi@2x.png" llg circle></avatar>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.avatar-page{
	padding: 40upx;
	.custom-avatar{
		margin: 20upx;
	}
	.box{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
}
</style>
